import { renderError, renderCollections, renderTypes, renderTiKuList, renderRankingTests, renderUsersRanking, selectQue } from "./render.js";
import http from "../utils/request.js";
// 学习打卡点击
$("body").on("click", ".studyDay", function () {
    $(this).find("img").css("display", "inline-block")
})

//tab
$("main> nav >.left >a").on("click", function (e) {
    $("main nav .left a").attr("class", "");
    $(e.target).attr("class", "active");
    let showId = $(e.target).attr("data");
    $(".tab").hide();
    $(`#${showId}`).css("display", "flex");
})

//选择题目
$("body").on("click", "#checkCollectExam", function (e) {

    if ($(e.target).attr('class').includes("box")) {
        $("#checkCollectExam .box").attr("class", "box");
        $(e.target).attr("class", "box active");
        let targetBox = $(e.target).attr('data');
        $('#tab2 .examTi').attr("class", "examTi");
        $(` [allCollections=${targetBox}]`).attr("class", "examTi show");
    }
})
$("body").on("click", "#errorExam", function (e) {
    if ($(e.target).attr('class').includes("box")) {
        $("#errorExam .box").attr("class", "box");
        $(e.target).attr("class", "box active");
        let targetBox = $(e.target).attr('data1');
        $('#tab3 .examTi').attr("class", "examTi");
        $(`[allError=${targetBox}]`).attr("class", "examTi show");
    }
})

// 解析显示
$("body").on("click", "#tab2 .jieXiShow", function () {
    console.log($("#tab2 .jieXiShow").prop("checked"));
    if ($("#tab2 .jieXiShow").prop("checked")) {
        $("#tab2 .keyanswer").show();
    } else {
        $("#tab2 .keyanswer").hide();
    }
})
// 解析显示
$("body").on("click", "#tab3 .jieXiShow", function () {
    if ($("#tab3 .jieXiShow").prop("checked")) {

        $("#tab3 .keyanswer").show();
    } else {

        $("#tab3 .keyanswer").hide();
    }
})
// 排名
$("body").on("click", "#allTests", async function () {

    renderUsersRanking();
})

//选择考试类型
$("body").on("click", "#testTypesShow a", async function () {

    let TypeId = $(this).attr("data");
    sessionStorage.setItem("TypeId", TypeId);

})

//收藏下一题 
$("body").on("click", "#tab2 .nextExam", async function (e) {
    // console.log($(this).parents(".examTi"));
    // console.log();
    if ($($(this).parents()[1]).next().length > 0) {
        $('#tab2 .examTi').removeClass("show");
        $($(this).parents()[1]).next().addClass("show");
        const selectBtnClass = $($(this).parents()[1]).next().attr('allCollections');

        $("#checkCollectExam .box").removeClass("active");
        $(`[data=${selectBtnClass}]`).addClass("active");

    } else if ($($(this).parents()[1]).next().length == 0) {
        alert('最后一题');
    }

})

//收藏上一题
$("body").on("click", "#tab2 .preExam", async function (e) {
    // console.log($(this).parents(".examTi"));
    // console.log();
    if ($($(this).parents()[1]).prev().length > 0) {
        $('#tab2 .examTi').removeClass("show");
        $($(this).parents()[1]).prev().addClass("show");
        const selectBtnClass = $($(this).parents()[1]).prev().attr('allCollections');

        $("#checkCollectExam .box").removeClass("active");
        $(`[data=${selectBtnClass}]`).addClass("active");

    } else if ($($(this).parents()[1]).prev().length == 0) {
        alert('第一题');
    }

})

//错题下一题
$("body").on("click", "#tab3 .nextExam", async function (e) {
    // console.log($(this).parents(".examTi"));
    // console.log();
    if ($($(this).parents()[1]).next().length > 0) {
        $('#tab3 .examTi').removeClass("show");
        $($(this).parents()[1]).next().addClass("show");
        const selectBtnClass = $($(this).parents()[1]).next().attr('allError');

        $("#errorExam .box").removeClass("active");
        $(`[data1=${selectBtnClass}]`).addClass("active");

    } else if ($($(this).parents()[1]).next().length == 0) {
        alert('最后一题');
    }

})
//错题上一题
$("body").on("click", "#tab3 .preExam", async function (e) {
    // console.log($(this).parents(".examTi"));
    // console.log();
    if ($($(this).parents()[1]).prev().length > 0) {
        $('#tab3 .examTi').removeClass("show");
        $($(this).parents()[1]).prev().addClass("show");
        const selectBtnClass = $($(this).parents()[1]).prev().attr('allError');

        $("#errorExam .box").removeClass("active");
        $(`[data1=${selectBtnClass}]`).addClass("active");

    } else if ($($(this).parents()[1]).prev().length == 0) {
        alert('第一题');
    }

})

// 取消收藏
$("body").on("click", "#tab2 .delExam", async function (e) {

    let user_id = localStorage.getItem("userId");
    let questions_id = $(this).parents(".examTi").attr("allCollections");
    let { code } = await http({ url: "/api/firstpage/delCollection", type: "post", data: { user_id, questions_id } });

    if (code == 1) {

        renderCollections();
    }

})

//取消错题
$("body").on("click", "#tab3 .markExam", async function (e) {

    let user_id = localStorage.getItem("userId");

    let errorQuestions_id = $(this).parents(".examTi").attr("allError");

    let key = $(this).parents(".buttonbox").next().find("p:first span").eq(2).text();
    
    key = selectQue(key);
    console.log(key);
    // if ($(this).html() = "标记已学会") {
    //     await http({ url: "/api/firstpage/delError", type: "post", data: { user_id, errorQuestions_id } });
    //     $(this).html("已学会")
    //     $(this).addClass("del");
    // } else {
    //     await http({ url: "/api/firstpage/addError", type: "post", data: { user_id, errorQuestions_id, key } });
    //     $(this).html("标记已学会")
    //     $(this).removeClass("del");
    // }

})
//收藏错题
$("body").on("click", "#tab3 .collectExam", async function (e) {
    let user_id = localStorage.getItem("userId");
    let questions_id = $(this).parents(".examTi").attr("allError");


    if ($(e.target).html() == "收藏") {
        await http({ url: "/api/firstpage/collectError", type: "post", data: { user_id, questions_id } });
        $(e.target).html("取消收藏")
        $(e.target).addClass("del");
        renderCollections();
    } else {

        await http({ url: "/api/firstpage/delCollection", type: "post", data: { user_id, questions_id } });
        $(e.target).html("收藏")
        $(e.target).removeClass("del");
        renderCollections();
    }

})